<div id="custScore">

    <el-form-q form="query" :field-data="mainGrid.queryFields" :buttons="mainGrid.queryButtons"></el-form-q>
    <div class="yu-toolBar">
        <el-button-group>
            <el-button icon="plus" @click="openCreateFn">{{ $t('custScore.kh') }}</el-button>
            <el-button icon="edit" @click="handleModify('edit')">{{ $t('custScore.xg') }}</el-button>
            <el-button icon="edit" @click="handleModify('trad')">{{ $t('custScore.jyls') }}</el-button>
            <el-button icon="edit" @click="openTotFn()">{{ $t('custScore.nbz') }}</el-button>
        </el-button-group>
    </div>

    <el-table-x ref="mytable" :radiobox='true' :max-height="mainGrid.height" :data-url="mainGrid.dataUrl" :data-params="mainGrid.dataParams"
        :table-columns="mainGrid.tableColumns" @row-click="rowClickFn">
    </el-table-x>

    <el-dialog-x :center="true" :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible">
        <el-form-x ref="myform" :group-fields="updateFields" :disabled="formDisabled" label-width="120px"></el-form-x>
        <div slot="footer" class="dialog-footer" align="center">
            <el-button v-if="dialogStatus=='create'" icon="check" type="primary" @click="saveCreateFn()">{{ $t('custScore.bc') }}</el-button>
            <el-button v-if="dialogStatus=='update'" icon="check" type="primary" @click="saveEditFn()">{{ $t('custScore.bc') }}</el-button>
            <el-button icon="yx-undo2" @click="dialogFormVisible = false">{{ $t('custScore.gb') }}</el-button>
        </div>
    </el-dialog-x>

    <el-dialog-x :center="true" :title="textMap[dialogStatus]" :visible.sync="tradGrid.dialogVisible" width="1000px">
        <el-table-x ref="mytableTrad" :radiobox='true' :max-height="tradGrid.height" :data-url="tradGrid.dataUrl" :data-params="tradGrid.dataParams"
            :table-columns="tradGrid.tableColumns">
        </el-table-x>
    </el-dialog-x>

    <el-dialog-x :center="true" :title="textMap[dialogStatus]" :visible.sync="totGrid.dialogVisible" width="1000px">
        <el-form-x ref="myformTot" :group-fields="totGrid.updateFields" :disabled="totGrid.formDisabled" label-width="120px"></el-form-x>
    </el-dialog-x>
</div>